
<template>
    <div id="container" style="width:80vw;height:80vh;"></div>
</template>
<script>
import {MP} from '@/map.js'  
export default {
    // data(){
    //     return {
    //         map: null,
    //     }
    // },
    // methods: {
    //     init(){
    //         this.map = new BMap.Map('container')
    //         let  point = new BMap.Point(116.404, 39.915)
    //         this.map.centerAndZoom(point, 15)
    //         this.map.enableScrollWheelZoom(true)   
    //     },
    // },
    // mounted() {
    //     this.init()
    // }
    data () {
      return {
        ak:"5k8tGSFKlQ5gOujzbWaxSPcaEpkNQgxD",
        map: null
      }
    },
    mounted(){
        MP(this.ak).then(BMap=>{
            this.map = new BMap.Map('container')
            let  point = new BMap.Point(116.404, 39.915)
            this.map.centerAndZoom(point, 15)
            this.map.enableScrollWheelZoom(true)   
        })
    },
}
</script>